<!--统计数据细节页面-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div th:replace="fragment/header::head"></div>
<div th:replace="fragment/sidebar::side"></div>
<!--统计图表-->
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
<!--            问题解决量饼状图-->
            <div id="main0" style="width: 800px;height:400px;" class="col-lg-6">
                <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main0'));

    // 指定图表的配置项和数据
    option = {
        title: {
            text: '问题解决量占比'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            top: '5%',
            left: 'center'
        },
        series: [
            {
                name: '问题解决量占比',
                type: 'pie',
                radius: ['40%', '70%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: '#fff',
                    borderWidth: 2
                },
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '40',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: [
                    {value: 1123, name: '已解决'},
                    {value: 528, name: '未解决'}

                ]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
            </div>
<!--            好评量饼状图-->
            <div id="main1" style="width: 800px;height:400px;" class="col-lg-6">
                <script type="text/javascript">
                    // 基于准备好的dom，初始化echarts实例
                    var myChart = echarts.init(document.getElementById('main1'));
                    option = {
                        title: {
                            text: '评价占比'
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            top: '5%',
                            left: 'center'
                        },
                        series: [
                            {
                                name: '评价占比',
                                type: 'pie',
                                radius: ['40%', '70%'],
                                avoidLabelOverlap: false,
                                itemStyle: {
                                    borderRadius: 10,
                                    borderColor: '#fff',
                                    borderWidth: 2
                                },
                                label: {
                                    show: false,
                                    position: 'center'
                                },
                                emphasis: {
                                    label: {
                                        show: true,
                                        fontSize: '40',
                                        fontWeight: 'bold'
                                    }
                                },
                                labelLine: {
                                    show: false
                                },
                                data: [
                                    {value: 837, name: '好评'},
                                    {value: 171, name: '中评'},
                                    {value: 112, name: '差评'}

                                ]
                            }
                        ]
                    };
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                </script>
        </div>
    </div>
</div>
<!--表格总览-->

        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="card">
                    <div class="card-body">

    <h2 class="font-weight-medium" style="line-height:90px">工作质量统计总览</h2>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>有效会话数</th>
            <th>问题解决数</th>
            <th>未解决数</th>
            <th>好评数</th>
            <th>中评数</th>
            <th>差评数</th>
            <th>未评价数</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="workQualityStatistics , rowInfo : ${list}">
            <td th:text="${rowInfo.count}"></td>
            <td th:text="${workQualityStatistics.getNickname()}"></td>
            <td th:text="${workQualityStatistics.getEffectivesessioncount()}"></td>
            <td th:text="${workQualityStatistics.getResolved()}"></td>
            <td th:text="${workQualityStatistics.getUnsolved()}"></td>
            <td th:text="${workQualityStatistics.getGoodreview()}"></td>
            <td th:text="${workQualityStatistics.getMediumreview()}"></td>
            <td th:text="${workQualityStatistics.getBadreview()}"></td>
            <td th:text="${workQualityStatistics.getNoreview()}"></td>
            <td >
                <a th:href="@{/workQualityStatistics/del(id=${workQualityStatistics.getId()},current=${#request.getParameter('current')},size=10)}">删除</a>
                <a th:href="@{/workQualityStatistics/update(id=${workQualityStatistics.getId()},current=${#request.getParameter('current')},size=10)}">修改</a>
            </td>
        </tr>

        </tbody>
    </table>
    <a th:href="@{/workQualityStatistics/workqualitystatistics(current=1,size=10)}">首页</a>
    <a th:href="@{/workQualityStatistics/workqualitystatistics(current=${i},size=10)}" th:each="i : ${#numbers.sequence(1,pageCount)}" ><span th:text="${i}" style="border: 1px solid #e3e3e3; height: 16px;width: 16px;text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;margin-left: 10px">1</span></a>
    <a th:href="@{/workQualityStatistics/workqualitystatistics(current=${pageCount},size=10)}">尾页</a>
</div>
        </div>
    </div>
</div>














<div th:replace="fragment/footer::foot"></div>
</body>


